<template>
  <article class="my-2">
    <p class="text-primary uppercase tracking-wider font-semibold">
      {{ subject }}
    </p>
    <h2
      class="text-3xl text-shadow-md md:text-4xl leading-normal md:leading-relaxed mb-2"
    >
      {{ title }}
    </h2>
    <section class="text-neutral">
      <slot></slot>
    </section>
  </article>
</template>
<script lang="ts" setup>
defineProps({
  title: String,
  subject: String,
});
</script>
